<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script src="/js/cocos/breakout.js" type="text/javascript"></script>
		<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
        <title>breakout</title>
        <style type="text/css" media="screen">
            body {
                font-family: Helvetica, Arial, sans-serif;
                font-size: 10pt;
                background: #ddd;
            }
            h1 {
                text-align: center;
                text-shadow: 0 2px 1px #fff;
            }
            #breakout-demo {
                border: 1px solid #000;
                width: 320px;
                height: 320px;
                margin: 0 auto;
                -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.75);
                -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.75);
                -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.75);
                box-shadow: 0 2px 2px rgba(0, 0, 0, 0.75);
            }
        </style>
    </head>
    <body>
		<div id="content"></div>
		<br/>
		<div id="status"></div>
		<br/>
		<div id="breakout-demo"></div>
    </body>
</html> 